.text-field:hover{
    -fx-border-color:rgba(28, 134 ,238,.99) ;
    -fx-border-width: 2.5;
}

.button{
    -fx-background-color: rgba(	176 ,226, 255,.8);
    -fx-opacity: 0.8;
    -fx-text-fill: rgba(39, 64 ,139,.9);
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-border-width: 1;
    -fx-font-size: 18px;
    -fx-font-weight:200;
    -fx-font-family: "Adobe Arabic";
}
.button:hover{
    -fx-border-color: rgba(28, 134, 238,.9);
    -fx-border-width: 1;
    -fx-background-color: rgba(99, 184 ,255,.9);
}



.combo-box{
    -fx-border-color: rgba(30 ,144, 255,.9);
    -fx-border-width:1;
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-opacity: 0.9;
    -fx-background-color: rgba(1, 7, 14, 0.9);
    -fx-text-fill: linear-gradient(to right,rgba(240, 255, 255,0.9),rgba(	255, 228 ,225,0.9),rgba(240, 248 ,255,0.9),rgba(230, 230 ,250,.9));
    -fx-font-size: 18px;
}

.combo-box .arrow-button{
    -fx-background-color: rgba(1, 7, 14, 0.9);
    -fx-background-radius: 10;
    -fx-border-radius: 10;
}

.combo-box:editable .menu-item:focused{
    -fx-background-radius: 20;
    -fx-border-radius: 10;
    -fx-opacity: 0.9;
    -fx-text-fill: linear-gradient(to right,rgba(240, 255, 255,0.9),rgba(	255, 228 ,225,0.9),rgba(240, 248 ,255,0.9),rgba(230, 230 ,250,.9));
}


.combo-box:editable,.combo-box:hover{
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-background-color: rgba(1, 7, 14, 0.9);
    -fx-border-color: rgba(28, 134, 238,.9);
    -fx-border-width: 1;
}

.combo-box:editable,.combo-box .list-view, .combo-box .list-cell {
    -fx-opacity: 0.9;
    -fx-background-radius: 20;
    -fx-border-radius: 10;
    -fx-background-color: rgba(1, 7, 14, 0.9);
    -fx-text-fill: linear-gradient(to right,rgba(240, 255, 255,0.9),rgba(	255, 228 ,225,0.9),rgba(240 ,248 ,255,0.9),rgba(230, 230 ,250,.9));
    -fx-font-family:"Calibri" ;
}
.combo-box:editable,.combo-box:editable .list-cell:hover {
    -fx-background-radius: 20;
    -fx-border-radius: 10;
    -fx-opacity: 0.9;
    -fx-background-color: rgba(1, 7, 14, 0.9);
    -fx-text-fill: linear-gradient(to right,rgba(240, 255, 255,0.9),rgba(	255, 228 ,225,0.9),rgba(240, 248 ,255,0.9),rgba(230, 230 ,250,.9));
}

.combo-box:editable, .combo-box:editable  .text-field, .combo-box:editable .text-area{
    -fx-background-radius: 20;
    -fx-opacity: 0.9;
    -fx-border-radius: 10;
    -fx-background-color: rgba(1, 7, 14, 0.9);
}
.combo-box-base:editable{
    -fx-background-radius: 10;
    -fx-opacity: 0.9;
    -fx-border-radius: 10;
    -fx-background-color:rgba(1, 7, 14, 0.9);
}
.text-field{
    -fx-border-color: rgba(30 ,144, 255,.8);
    -fx-border-width: 1;
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-opacity: 0.9;
    -fx-background-color: rgba(5, 12, 35, 0.9);
    -fx-text-fill: linear-gradient(to right,rgba(240, 255, 255,0.9),rgba(	255, 228 ,225,0.9),rgba(240, 248, 255,0.9),rgba(230, 230 ,250,.9));
    -fx-font-size: 18px;
}
.root{
    -fx-background-image: url("./image/star4.jpg");

}
.label {
    -fx-font-size: 25px;
    -fx-text-fill: linear-gradient(to right, rgba(240, 255, 255, 0.9), rgba(255, 228, 225, 0.9), rgba(240, 248, 255, 0.9), rgba(230, 230, 250, .9));
}
#soundSlider .track,#lightSlider .track {
    -fx-background-color:transparent;
}
#lightVolumeProgressLeft,#soundVolumeProgressLeft {
    -fx-background-color: transparent;
    -fx-accent: #008afb;
}
#lightVolumeProgressRight,#soundVolumeProgressRight {
    -fx-background-color: transparent;
    -fx-accent: #afcbe1;
}